<template>
  <div style="width: 1200px;margin: 0 auto">
    <el-row :gutter="20">
      <el-col :span="12">
        <el-card class="box-card">
          <img src="/imgs/reg.png" alt="" style="width: 100%">
        </el-card>
      </el-col>
      <el-col :span="12">
        <el-form ref="form" :model="form" label-width="100px" style="margin-top: 30px">
          <el-form-item>
            <h1 style="font-size: 40px">立即注册</h1>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <router-link to="/login" style="font-size: 20px;color:#0aa1ed;text-decoration: none;position: relative;">
              已有帐号，立即登录！
            </router-link>
          </el-form-item>
          <el-form-item label="用户名">
            <el-input v-model="input" placeholder="请输用户名" type="text"></el-input>
          </el-form-item>
          <el-form-item label="密码">
            <el-input v-model="input" placeholder="请输入密码" type="password"></el-input>
          </el-form-item>
          <el-form-item label="昵称">
            <el-input v-model="input" placeholder="请输入昵称" type="text"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary">注册</el-button>
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
  </div>
</template>

<script>

</script>

<style scoped>

</style>